<template>
  <div class="markdown-body">
    <VueMarkdown :source="value" v-highlight></VueMarkdown>
  </div>
</template>

<script>
import VueMarkdown from 'vue-markdown'

export default {
  components: {
    VueMarkdown // 注入组件
  },
  data() {
    return {
      value: '' // value的值是要解析的markdown数据
    }
  },
  created() {
    this.value = '# This is an about page';
  },
  methods: {}
}
</script>

<style>

</style>